<template>
    <div class="index">
      <nav-bar></nav-bar>
      <div class="mid-width">
           

            <el-row><h3>&nbsp;</h3></el-row>

            <el-row>
                <test :field=com  @patch="msg">
                    <div slot="a">我来测试插槽上面</div>
                    <div slot="b">我来测试插槽下面</div>
                </test>
              <!-- <div v-test='3'></div> -->
            </el-row>

            
        </div>

      <footer-bar></footer-bar>
    </div>
</template>

<script>
// import '../directive/test'
import navBar from '../components/navbar'
import footerBar from '../components/footer';
import test from '../components/test'

export default {
  name: 'index',
    data () {
        return {
        com:"测试字段"
      }
    },
    methods:{
        msg(en){
            console.log(en)
        }
    },
    components: {
        navBar , footerBar, test
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
    
</style>
